<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>同乡烩首页</title>
    <link rel="stylesheet" th:href="@{/css/style1.css}">
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jqueryui/1.12.1/jquery-ui.min.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<div class="page-top">
    <div class="container1">
        <div class="top-lt">
            <a th:href="@{/index.html}">同乡烩</a>
            <span>|</span>
        </div>
        <div class="top-gt">
            <div class="login">
                <b class="text-danger">[[${session.role==null ? '' : session.role}+' '+${session.username==null?'' : session.username}]]</b>
                <b>欢迎光临同乡烩酒宴预约平台</b>
                <a class="btn  font-weight-bold" th:href="@{/login.html}"><i class="fa fa-sign-in" aria-hidden="true"></i> 登录</a>
                <a class="btn  font-weight-bold" th:href="@{/register.html}"><i class="fa fa-registered" aria-hidden="true"></i> 注册</a>
            </div>
        </div>

    </div>
</div>

<!-- 1.头部区域开始 -->
<div class="header w ">
    <!-- logo部分 -->
    <div class="logo">
        <img th:src="@{/images/logo.png}" alt="暂无图片">
    </div>
    <!---->
    <!-- 搜索模块 -->
    <div class="search btn-group">
        <input type="text" id="keyword" placeholder="请输入关键词">
        <button id="search_dishes" class="btn btn-info fa fa-search"><i class=""
                                                                        aria-hidden="true"></i>找菜品
        </button>
        <button id="search_cook" class="btn btn-info fa fa-search"><i class=""
                                                                      aria-hidden="true"></i>找厨师
        </button>
    </div>
    <!-- 注册登录模块 -->
    <div class="float-right font-weight-bold btn-group">
        <a th:if="${session.username}" class="btn btn-outline-success font-weight-bold " th:href="@{/user_main.html} "><i class="fa fa-user"
                                                                                                                          aria-hidden="true"></i>
            个人中心</a>
        <a th:if="${session.username}" class="btn btn-outline-success font-weight-bold " th:href="@{/shopCart.html}"><i class="fa fa-shopping-cart"
                                                                                                                        aria-hidden="true"></i>
            购物车</a>
        <a th:if="${session.username}" class="btn btn-outline-danger font-weight-bold" th:href="@{/user/logout.do}"><i class="fa fa-sign-out"
                                                                                                                       aria-hidden="true"></i>
            退出登录</a>
    </div>

</div>

<!-- 导航板块 -->
<div class="banner">
    <!-- 版心 -->
    <div class="w">
        <!-- <左侧导航栏 -->
        <div class="subnav">
            <ul class="level">
                <li><a href="#">粤菜 <span>〉</span></a>

                    <div class="childer">
                        <a href="food_exhibition/food.html" class="pop-li">
                            <img src="/images/baiqieji.png">
                            <p>白切鸡</p>
                        </a><a href="food_exhibition/bintanyanwo.html" class="pop-li">
                        <img src="/images/bingtanyanwo.png">
                        <p>椰汁冰糖燕窝</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/cuipishaorou.png">
                        <p>脆皮烧肉</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/julongxia.png">
                        <p>上汤焗龙虾</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/lainiaoxia.png">
                        <p>椒盐濑尿虾</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/liaoshen.png">
                        <p>鲍汁扣辽参</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/lushuipingpan.png">
                        <p>潮州卤水拼盘</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/ruge.png">
                        <p>红烧乳鸽</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/xiangbaban.png">
                        <p>白灼象拔蚌</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/xueha.png">
                        <p>木瓜炖雪蛤</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/yudu.png">
                        <p>百花鱼肚</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/mizhichashao.png">
                        <p>蜜汁叉烧</p>
                    </a>

                    </div>
                </li>
                <li><a href="#">川菜 <span>〉</span></a>


                    <div class="childer">
                        <a href="" class="pop-li">
                            <img src="/images/chenpiniurou.png">
                            <p>陈皮牛肉</p>
                        </a><a href="" class="pop-li">
                        <img src="/images/douhuayu.png">
                        <p>豆花鱼</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/guaiweijiding.png">
                        <p>怪味鸡丁</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/huiwoyupian.png">
                        <p>回锅鱼片</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/hutuji.png">
                        <p>糊涂鸡</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/lanchitu.png">
                        <p>麻辣冷吃兔</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/yuxuangrousi.png">
                        <p>鱼香肉丝</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/malachaoxie.png">
                        <p>麻辣炒蟹</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/paocaiyu.png">
                        <p>麻辣泡菜鱼</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/mapo.jpg">
                        <p>麻婆豆腐</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/xianlamaodou.png">
                        <p>香辣毛豆</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/yanxunlarou.png">
                        <p>烟熏腊肉</p>
                    </a>

                    </div>
                </li>

                <li><a href="#">苏菜 <span>〉</span></a>


                    <div class="childer">
                        <a href="" class="pop-li">
                            <img src="/images/dg.jpg">
                            <p>剁椒冬瓜</p>
                        </a><a href="" class="pop-li">
                        <img src="/images/niangaot.jpg">
                        <p>火腿冬瓜年糕汤</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/jiaohu.jpg">
                        <p>豆泡炒矮脚黄</p>
                    </a> <a href="" class="pop-li">
                        <img src="/images/dg.jpg">
                        <p>剁椒冬瓜</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/niangaot.jpg">
                        <p>火腿冬瓜年糕汤</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/jiaohu.jpg">
                        <p>豆泡炒矮脚黄</p>
                    </a> <a href="" class="pop-li">
                        <img src="/images/dg.jpg">
                        <p>剁椒冬瓜</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/niangaot.jpg">
                        <p>火腿冬瓜年糕汤</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/jiaohu.jpg">
                        <p>豆泡炒矮脚黄</p>
                    </a> <a href="" class="pop-li">
                        <img src="/images/dg.jpg">
                        <p>剁椒冬瓜</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/niangaot.jpg">
                        <p>火腿冬瓜年糕汤</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/jiaohu.jpg">
                        <p>豆泡炒矮脚黄</p>
                    </a>

                    </div>
                </li>

                <li><a href="#">鲁菜 <span>〉</span></a>


                    <div class="childer">
                        <a href="" class="pop-li">
                            <img src="/images/jip.png">
                            <p>芙蓉鸡片</p>
                        </a><a href="" class="pop-li">
                        <img src="/images/sy.png">
                        <p>拔丝山药</p>
                    </a> <a href="" class="pop-li">
                        <img src="/images/jip.png">
                        <p>芙蓉鸡片</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/sy.png">
                        <p>拔丝山药</p>
                    </a> <a href="" class="pop-li">
                        <img src="/images/jip.png">
                        <p>芙蓉鸡片</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/sy.png">
                        <p>拔丝山药</p>
                    </a> <a href="" class="pop-li">
                        <img src="/images/jip.png">
                        <p>芙蓉鸡片</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/sy.png">
                        <p>拔丝山药</p>
                    </a> <a href="" class="pop-li">
                        <img src="/images/jip.png">
                        <p>芙蓉鸡片</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/sy.png">
                        <p>拔丝山药</p>
                    </a> <a href="" class="pop-li">
                        <img src="/images/jip.png">
                        <p>芙蓉鸡片</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/sy.png">
                        <p>拔丝山药</p>
                    </a>

                    </div>
                </li>

                <li><a href="#">浙菜 <span>〉</span></a>


                    <div class="childer">
                        <a href="" class="pop-li">
                            <img src="/images/mantou.png">
                            <p>南瓜馒头</p>
                        </a><a href="" class="pop-li">
                        <img src="/images/kannaix.png">
                        <p>温馨的康乃馨</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/dougao.png">
                        <p>清香蚕豆糕</p>
                    </a> <a href="" class="pop-li">
                        <img src="/images/mantou.png">
                        <p>南瓜馒头</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/kannaix.png">
                        <p>温馨的康乃馨</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/dougao.png">
                        <p>清香蚕豆糕</p>
                    </a> <a href="" class="pop-li">
                        <img src="/images/mantou.png">
                        <p>南瓜馒头</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/kannaix.png">
                        <p>温馨的康乃馨</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/dougao.png">
                        <p>清香蚕豆糕</p>
                    </a> <a href="" class="pop-li">
                        <img src="/images/mantou.png">
                        <p>南瓜馒头</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/kannaix.png">
                        <p>温馨的康乃馨</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/dougao.png">
                        <p>清香蚕豆糕</p>
                    </a>

                    </div>
                </li>

                <li><a href="#">闽菜 <span>〉</span></a>


                    <div class="childer">
                        <a href="" class="pop-li">
                            <img src="/images/roust.png">
                            <p>紫薯肉松塔</p>
                        </a><a href="" class="pop-li">
                        <img src="/images/baoyanyu.png">
                        <p>花生炖暴盐鱼</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/baogyu.png">
                        <p>清蒸包公鱼</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/roust.png">
                        <p>紫薯肉松塔</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/baoyanyu.png">
                        <p>花生炖暴盐鱼</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/baogyu.png">
                        <p>清蒸包公鱼</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/roust.png">
                        <p>紫薯肉松塔</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/baoyanyu.png">
                        <p>花生炖暴盐鱼</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/baogyu.png">
                        <p>清蒸包公鱼</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/roust.png">
                        <p>紫薯肉松塔</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/baoyanyu.png">
                        <p>花生炖暴盐鱼</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/baogyu.png">
                        <p>清蒸包公鱼</p>
                    </a>
                    </div>
                </li>

                <li><a href="#">徽菜 <span>〉</span></a>

                    <div class="childer">
                        <a href="" class="pop-li">
                            <img src="/images/doufuh.png">
                            <p>书箱豆腐盒</p>
                        </a><a href="" class="pop-li">
                        <img src="/images/bbaof.png">
                        <p>甜蜜八宝饭</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/pidan.png">
                        <p>剁椒金针拌皮蛋</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/doufuh.png">
                        <p>书箱豆腐盒</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/bbaof.png">
                        <p>甜蜜八宝饭</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/pidan.png">
                        <p>剁椒金针拌皮蛋</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/doufuh.png">
                        <p>书箱豆腐盒</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/bbaof.png">
                        <p>甜蜜八宝饭</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/pidan.png">
                        <p>剁椒金针拌皮蛋</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/doufuh.png">
                        <p>书箱豆腐盒</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/bbaof.png">
                        <p>甜蜜八宝饭</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/pidan.png">
                        <p>剁椒金针拌皮蛋</p>
                    </a>
                    </div>
                </li>

                <li><a href="#">湘菜 <span>〉</span></a>
                    <div class="childer">
                        <a href="" class="pop-li">
                            <img src="/images/dunji.png">
                            <p>胡萝卜炖鸡</p>
                        </a><a href="" class="pop-li">
                        <img src="/images/yinsi.png">
                        <p>炫彩银丝</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/qinjiaopng.jpg">
                        <p>香干青椒</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/dunji.png">
                        <p>胡萝卜炖鸡</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/yinsi.png">
                        <p>炫彩银丝</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/qinjiaopng.jpg">
                        <p>香干青椒</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/dunji.png">
                        <p>胡萝卜炖鸡</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/yinsi.png">
                        <p>炫彩银丝</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/qinjiaopng.jpg">
                        <p>香干青椒</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/dunji.png">
                        <p>胡萝卜炖鸡</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/yinsi.png">
                        <p>炫彩银丝</p>
                    </a><a href="" class="pop-li">
                        <img src="/images/qinjiaopng.jpg">
                        <p>香干青椒</p>
                    </a>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 轮播图模块 -->
        <div id="carousel" class="carousel slide " data-ride="carousel">
            <!-- 指示符 -->
            <ul class="carousel-indicators">
                <li data-target="#carousel" data-slide-to="0" class="active"></li>
                <li data-target="#carousel" data-slide-to="1"></li>
                <li data-target="#carousel" data-slide-to="2"></li>
            </ul>
            <!-- 轮播图片 -->
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img th:src="@{/images/mapo.jpg}" alt="麻婆豆腐">
                    <div class="carousel-caption">
                        <h3>麻婆豆腐</h3>
                        <p>四川省传统名菜之一</p>
                    </div>
                </div>
                <div class="carousel-item">
                    <img th:src="@{/images/laji.jpg}" alt="辣子鸡">
                    <div class="carousel-caption ">
                        <h3>辣子鸡</h3>
                        <p>经典的家常菜!</p>
                    </div>
                </div>
                <div class="carousel-item">
                    <img th:src="@{/images/julongxia.png}" alt="上汤焗龙虾">
                    <div class="carousel-caption">
                        <h3>上汤焗龙虾</h3>
                        <p>广东省的传统名菜</p>
                    </div>
                </div>
            </div>

            <!-- 左右切换按钮 -->
            <a class="carousel-control-prev" href="#carousel" data-slide="prev">
                <span class="carousel-control-prev-icon"></span>
            </a>
            <a class="carousel-control-next" href="#carousel" data-slide="next">
                <span class="carousel-control-next-icon"></span>
            </a>

        </div>
    </div>
</div>
<div class="showInfo">
    <div class="box w" th:fragment="showInfo">
        <div class="box-hd">
            <h3 th:text="${leftInfo}">精品推荐</h3>
            <a class="btn" th:text="${rightInfo1}" th:onclick="boot([[${api1}]])"></a>
            <a class="btn" th:text="${rightInfo2}" th:onclick="boot([[${api2}]])"></a>
        </div>
        <blockquote class="box-bd">
            <ul class="clearfix">
                <li th:if="${dishes}" th:each="dishe : ${dishes}" class="border border-dark pt-0 ">
                    <img class="w-100 " th:src="@{${'/images/'+dishe.image}}" th:alt="${dishe.name}"
                         th:onclick="showDetail([[${dishe.foodid}]],[[${dishe.name}]])">
                    <!--弹出框-->
                    <div class="text-right"><small >点击图片查看详情...</small></div>
                    <blockquote class="blockquote p-2" th:id="${'detail'+dishe.foodid}" th:style="'display:none'">
                        <img class="w-75 float-left p-3" th:src="@{${'/images/'+dishe.image}}"/>
                        <p class="clearfix mt-2" th:text="${dishe.description}"></p>
                    </blockquote>
                    <div class="text-info text-center text-italic mt-2" th:text="${dishe.name}"></div>
                    <div class="d-flex justify-content-between m-3 ">
                        <strong th:text="${'￥'+dishe.price}"></strong>
                        <strong class="text-danger " th:text="${'已售'+dishe.sales+'份'}"></strong>
                    </div>
                    <div class="text-center">
                        <button class="btn btn-outline-success" th:id="${dishe.foodid}" th:onclick="addToCart([[${dishe.foodid}]]);"><i
                                class="fa fa-cart-plus" aria-hidden="true"></i> 加入购物车
                        </button>
                    </div>
                </li>
                <li th:if="${cooks}" th:each="cook : ${cooks}" class="border border-dark pt-0 text-center">
                    <img class="w-100" th:src="@{/images/cs1.png}" th:alt="${cook.realname}">
                    <strong class="text-dark text-italic mt-2" th:text="${cook.realname+' 师傅'}"></strong>
                    <div class="text-left pl-4">
                        <div th:text="${'电话：'+cook.phone}" class="mt-2 mb-1"></div>
                        <div th:text="${'邮箱：'+cook.email}" class="mb-2"></div>
                    </div>
                    <a class="btn btn-outline-success mt-3" th:href="@{'/user_selectOrder.html?account='+${cook.account}}"><i
                            class="fa fa-handshake-o" aria-hidden="true"></i> 预约他
                    </a>
                </li>
            </ul>
        </blockquote>
    </div>
</div>
</div>
<div class="footer">
    <div class="w">
        <div class="copyright">
            <img th:src="@{/images/logo.png}" alt="">
            <p>同乡烩致力于为有需求的广大乡村用户提供一站式的酒宴预定服务
            </p>
            <!-- <a href="#" class="app">下载APP</a> -->
        </div>
        <div class="links">
            <dl>
                <dt>关于同乡烩</dt>
                <dd><a href="#">关于</a></dd>
                <dd><a href="#">管理团队</a></dd>
                <dd><a href="#">工作机会</a></dd>
                <dd><a href="#">客户服务</a></dd>
                <dd><a href="#">帮助</a></dd>
            </dl>
            <dl>
                <dt>关于服务</dt>
                <dd><a href="#">服务支持</a></dd>
                <dd><a href="#">售后政策</a></dd>
                <dd><a href="#">自助服务</a></dd>
                <dd><a href="#">相关机构</a></dd>
            </dl>
        </div>
    </div>
</div>
<script type="text/javascript" th:src="@{/js/jquery-3.4.1.js}"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/jqueryui/1.12.1/jquery-ui.min.js" type="application/javascript"></script>
<script th:src="@{/js/js.cookie.js}"></script>
<script th:src="@{/js/jquery.cookie.js}"></script>
<script th:src="@{/js/index.js}">
</script>
<script type="text/javascript">
</script>
</body>
</html>
